.clock{
    width: 200px;
    height: 200px;
    margin: 100px auto;
    position: relative;
    background-image: url(../Img/clock.jpg);
    background-size: 100%;
}
.seconds{
    content: "";
    display: block;
    background-color: rgb(102, 78, 26);
    width: 2px;
    height: 70px;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    position: absolute;
    transform-origin: center bottom;
    animation: seconds-move 60s linear infinite;
}
.minutes{
    content: "";
    display: block;
    background-color: rgb(102, 78, 26);
    width: 3px;
    height: 55px;
    left: 50%;
    top: 45px;
    transform: translateX(-50%);
    position: absolute;
    transform-origin: center bottom;
    animation: seconds-move 3600s linear infinite;
}
.hours{
    content: "";
    display: block;
    background-color: rgb(102, 78, 26);
    width: 4px;
    height: 40px;
    left: 50%;
    top: 60px;
    transform: translateX(-50%);
    position: absolute;
    transform-origin: center bottom;
    animation: seconds-move 43200s linear infinite;
}


@keyframes seconds-move{
    from{
        transform: rotateZ(0deg);
    }
    to{
        transform: rotateZ(360deg);
    }
}